<template>
  <div>
    <button @click="increment">123213</button>
    <div v-for="item of items" :key="item.message">
      {{ item.message }}
    </div>
    <el-row class="container">
      <el-col :span="12" class="frist">
        <div class="model_1">第一个模块</div>
        <div class="model_2">第二个模块</div>
      </el-col>
      <el-col :span="12" class="two">
        现在有点饿
      </el-col>
    </el-row>
    
  </div>
</template>

<script>
import moment from 'moment'
import echarts from 'echarts'
export default {
  name: 'PageHome',
  data() {
    return {
      loading: false,
      items: [{ message: 'Foo' }, { message: 'Bar' }],
      increment: 0
    }
  },
  // 计算某个值
  // computed: {
  //   sidebar() {
  //     const _this = this
  //     return _this.$store.getters.sidebar.opened
  //   }
  // },
  mounted() {

  },
  created() {
    // console.log(this.increment)
    var arr = [1,2,3,4]
    var newArr = arr.reverse() // 倒转 sort()排序 包括 includes() 
    // console.log(newArr)
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.container {
  margin: 10px;
  text-align: center;
}

.frist {
  background: red;
  height: 500px;
}

.two {
  background: blue;
  height: 500px;
}

.model_1 {
  width: 100%;
  height: 300px;
  background: rgb(219, 81, 150);
}

.model_2 {
  width: 100%;
  height: 200px;
  background: rgb(54, 35, 223);
}

</style>
